<div class="page-content">
	 <router-link  :to="{ name: 'getOutRoomId'}" class="user-header bw" > 
     <div class="user-header-in"> 
      <div class="user-ico fl"> 
       <img :src="user_info.community.logo" /> 
      </div> 
      <div class="user-info"> 
       <p class="fs-16">{{user_info.community ? user_info.community.name :''}} 
       </p> 
       <p class="overHidden">{{room_info.address}}</p> 
      </div> 
      <div class="arrow-right fr"  style="  width: 70px;
    height: 16px;
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right 2px;">选择账单</div> 
      <div class="clearfix"></div> 
     </div> 
    </router-link > 


    <section>
    	<div class="weui_cells_title">
    		<span class="fl">账单明细</span>
    		 <router-link  :to="{ name: 'billsRecords', params: {community_id:community_id, out_room_id: out_room_id }}"  class="fr green" style="color: #3CC51F">历史账单</router-link>
    		<div class="clear"></div>
    	</div>

	   <section class="errormsgDiv" v-if="nodata==1">
	    <p class="errormsg">\（￣︶￣）/</p>
	    <p class="errormsg2">暂无可缴费账单</p>
	  </section>
		 
    	<div class="weui_cells weui_cells_checkbox" v-else>
	        <label class="weui_cell weui_check_label"  v-for="item in bills_list" >
	            <div class="weui_cell_hd">
	                <input type="checkbox" class="weui_check" name="checkbox1"  @click="countPrice"  :data-bill_entry_id="item.bill_entry_id" :data-bill_entry_amount="item.bill_entry_amount">
	                <i class="weui_icon_checked"></i>
	            </div>
	            <div class="weui_cell_bd weui_cell_primary">
	            	  <div class="fl">
	            	  	 <p>{{item.acct_period}} {{item.cost_type}} </p>
		                  <p>{{item.remark_str}}</p>
		                  <p class="light">{{item.release_day}}</p>
		                 
	            	  </div>
	            	   <div class="fr">
	            	  	 <p align="right"><strong>{{item.bill_entry_amount}}</strong></p>
		                 <div align="right" v-if="item.status == 0" style="    color: #c00; margin-top: 5px">待支付</div> 
		                 
	            	  </div>
	            	  <div class="clear"></div>
	                  
	            </div>
	        </label>
	        
	    </div>
	    <div style="height: 80px"></div>
    </section>

      <!-- 支付 -->
  <section class="bottom-fixed"> 
  
    <div class="fl"> 
     	<div class="weui_cells_checkbox">
     		<label class="weui_cell weui_check_label" >
	            <div class="weui_cell_hd">
	                <input type="checkbox" class="weui_check" @click="selectAll" name="checkbox2" >
	                <i class="weui_icon_checked"></i>
	            </div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <p>全选  合计：<strong  style=" color: #c00;">{{bill_amount}}</strong></p>
	            </div>
	        </label>
     	</div>
    </div> 
    
   
     <div class="fr">
       <div :class="bill_amount>0?'join-btn':'join-btn disable'" v-on:click="postOrder"> <div class="btn publish-btn">提交订单</div></div>
     </div>

 
  </section>
</div>